<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            #girl{
                width: 203px;
                height: 270px;
                 background-image: url('girl.png');
                 animation: girl 1s  step-end infinite;
                animation-iteration-count: 50;
            }
            @keyframes girl
            {
            0% { background-position: 0 0; }
            14.2857% { background-position: -180px 0; }
            28.5714% { background-position: -360px 0; }
            42.8571% { background-position: -540px 0; }
            57.1429% { background-position: -720px 0; }
            71.4286% { background-position: -900px 0; }
            85.7143% { background-position: -1080px 0; }
            100% { background-position: -1260px 0; }
    
                } 
        </style>
    </head>
    <body>
        <div id="girl"></div>
    </body>
</html>